جاوا اسکریپت مدرن برای مبتدیان [ویدئو]

Modern JavaScript For Beginners [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: جاوا اسکریپت یک زبان برنامه نویسی فناوری اصلی شبکه جهانی وب با HTML و CSS است. تقریباً همه وب‌سایت‌ها از جاوا اسکریپت به عنوان مشتری صفحه وب، اغلب با کتابخانه‌های شخص ثالث استفاده می‌کنند. جاوا اسکریپت یک الگوی چندگانه است که از کدگذاری رویداد محور، عملکردی و ضروری با APIها برای کار با متن، تاریخ، عبارات منظم، ساختارهای داده و مدل شی سند (DOM) پشتیبانی می کند. این دوره با پایه ای در جاوا اسکریپت شروع می شود و آرایه ها، توابع، اشیا، رویدادها، DOM، API های وب، حلقه ها، ریاضیات، تاریخ و تایمرها و طراحی بوم را پوشش می دهد. یک پخش کننده ویدیو با کنترل های سفارشی شده و یک بازی سرگرم کننده شکل دادن ایجاد کنید. قبل از اتمام دو پروژه، مفاهیم پیچیده تری مانند جاوا اسکریپت همگام، محدوده، بالا بردن و بسته شدن را کاوش کنید. در نهایت، شما یک برنامه کوچک به نام «ترک خیلی زود» می‌سازید تا بازدیدکنندگان را با پیشنهادی برای خروج از وب‌سایت و یک چرخ فلک تصویر جاوا اسکریپت کاملاً کاربردی جذب کند. در پایان دوره، مفاهیم برنامه نویسی جاوا اسکریپت و مفاهیم پیشرفته مانند جاوا اسکریپت Async، scope، hoisting و closure را خواهید فهمید. برای درک برنامه نویسی جاوا اسکریپت می توانید مفاهیم را در نمونه های پروژه از یک سناریوی واقعی به کار ببرید. شما قادر خواهید بود با استفاده از برنامه نویسی جاوا اسکریپت برنامه و بازی ایجاد کنید. همه منابع در دسترس هستند: https://github.com/PacktPublishing/Modern-JavaScript-For-Beginners اصول اولیه آرایه ها، توابع، اشیا، رویدادها و DOM را بیاموزید. مفاهیم استفاده از حلقه ها و دستورات شرطی را درک کنید درباره اشیا، ریاضیات، تاریخ، تایمرها و طراحی روی بوم بدانید جاوا اسکریپت پیچیده Async، scope، hoisting و closure را کاوش کنید یک پخش کننده ویدیوی کار با کنترل های کاملاً سفارشی بسازید برنامه ای به نام «ترک خیلی زود» ایجاد کنید تا بازدیدکنندگان را با یک پیشنهاد جذب کنید. این دوره آموزشی متمرکز بر مبتدی، توسعه دهندگان هوش مصنوعی، توسعه دهندگان محتوای وب و توسعه دهندگان رابط جلویی را که روی پلتفرم های دیگری کار می کنند که می خواهند برنامه نویسی جاوا اسکریپت را یاد بگیرند، هدف قرار می دهد. این دوره برای کسانی است که تازه وارد جاوا اسکریپت شده اند یا دانش کمی در مورد جاوا اسکریپت دارند و به دنبال یک دوره آموزشی گسترده برای پیشرفت به سطوح متوسط ​​/پیشرفته هستند. برای بهینه سازی دوره، نیازی به دانش جاوا اسکریپت ندارید. با این حال، دانش قبلی از HTML و CSS مطلوب است. اصول برنامه نویسی جاوا اسکریپت را بیاموزید و مفاهیم را به طور جامع درک کنید * سخنرانی های ویدئویی ساختاریافته با پروژه ها، از جمله مثال های واقعی و چالش های کوچک * با جاوا اسکریپت Async، دامنه، بالا بردن، بسته شدن، و ساخت برنامه ها و بازی ها با جاوا اسکریپت آشنا شوید.

سرفصل ها و درس ها

مقدمه ها Introductions

  • معرفی Introduction

  • بیایید ببینیم جاوا اسکریپت چه کاری می تواند انجام دهد Let's See What JavaScript Can Do

  • دانلود فایل های Starter Download Starter Files

مبانی جاوا اسکریپت JavaScript Basics

  • جاوا اسکریپت را کجا اضافه کنیم Where to Add JavaScript

  • Async و Defer Async and Defer

  • کار با رشته ها Working with Strings

  • ذخیره سازی داده ها با متغیرها Storing Data with Variables

  • ترکیب رشته ها با متغیرها Mixing Strings with Variables

  • انواع داده ها: اعداد Datatypes: Numbers

  • انواع داده: Boolean، Null و Undefined Datatypes: Boolean, Null, and Undefined

  • نظرات: نقطه ویرگول و ASI Comments: Semicolons and ASI

  • اپراتورها: تخصیص و مقایسه Operators: Assignment and Comparison

  • عملگرها: منطقی و حسابی Operators: Logical and Arithmetic

  • مقدمه ای بر آرایه ها و انواع شی Introduction to Arrays and Object Types

  • مقدمه ای بر اشیاء Introduction to Objects

  • مقدمه ای بر توابع Introduction to Functions

آرایه ها در عمق بیشتر Arrays in More Depth

  • سازنده آرایه The Array Constructor

  • مقدمه ای بر خواص، روش ها و نمونه اولیه Introduction to Properties, Methods, and the Prototype

  • اصلاح آرایه ها Modifying Arrays

  • بازگشت ارزش های جدید Returning New Values

  • روشهای تکرار Iteration Methods

  • کاهنده ها Reducers

  • نقشه و forEach Map and forEach

  • تخریب آرایه Array Destructing

  • اپراتورها: مقادیر منحصر به فرد با مجموعه Operators: Unique Values with Set

  • آرایه های دو بعدی Two-Dimensional Arrays

کارکرد Functions

  • شی جهانی و توابع داخلی The Global Object and Built-In Functions

  • عبارات تابع Function Expressions

  • عبارات تابع فوراً فراخوانی شده Immediately Invoked Function Expressions

  • ناشناس یا با نام Anonymous or Named

  • یک تابع یا روش A Function or Method

  • توابع پیکان Arrow Functions

  • مقادیر پارامترهای پیش فرض و استفاده از حالت استراحت Default Parameter Values and Using Rest

رویدادها و DOM Events and the DOM

  • DOM چیست؟ What Is the DOM?

  • انتخاب عناصر Selecting Elements

  • تغییر ارزش ها و ویژگی ها Changing Values and Attributes

  • تغییر CSS یک عنصر Changing an Element's CSS

  • ایجاد عناصر جدید Creating New Elements

  • افزودن عناصر به صفحه Adding Elements to the Page

  • شبیه سازی و حذف عناصر Cloning and Removing Elements

  • چالش کوچک: یک بخش جدید ایجاد کنید Mini Challenge: Create a New Section

  • حلقه زدن با عناصر DOM Looping with DOM Elements

  • مقدمه ای بر رویدادها Introduction to Events

  • گوش دادن به رویدادها Listening to Events

  • گوش دادن به رویدادهای متعدد و داده های رویداد Listening to Multiple Events and Event Data

  • انتشار رویداد Event Propagation

  • یک بار اجرای رویدادها Running Events Once

  • جلوگیری از رفتار پیش‌فرض و گزینه غیرفعال Preventing Default Behavior and the Passive Option

  • حذف شنوندگان رویداد Removing Event Listeners

  • مجموعه HTML یا NodeList؟ HTML Collection or NodeList?

  • چالش کوچک: یک دکمه حالت تاریک ایجاد کنید Mini Challenge: Create a Dark Mode button

زمان برای تمرین Time to Practice

  • پروژه پخش کننده ویدیو: ایجاد رابط کاربری Video Player Project: Creating the UI

  • رویدادها، ویژگی ها و روش ها Events, Properties, and Methods

  • بازی Shape-Drop - ایجاد رابط کاربری Shape-Drop Game - Creating the UI

  • بازی Shape-Drop - رویدادها را بکشید و رها کنید Shape-Drop Game - Drag and Drop Events

  • بازی Shape-Drop - مدیریت امتیاز و پایان بازی Shape-Drop Game - Handling the Score and End of Game

حلقه ها و شرایط Loops and Conditionals

  • برای حلقه ها For Loops

  • For-in و For-of Loops For-in and For-of Loops

  • در حالی که حلقه ها While Loops

  • اگر/دیگر اظهارات if/else Statements

  • اظهارات else/if else/if Statements

  • بیانیه سوئیچ The Switch Statement

  • اپراتور مشروط (سه تایی) The Conditional Operator (Ternary)

  • نوع اجبار و تبدیل Type Coercion and Conversion

  • حقیقت و دروغ Truthy and Falsey

  • زنجیربندی اختیاری Optional Chaining

اشیاء در عمق بیشتر Objects in More Depth

  • ایجاد و اصلاح اشیاء جدید Creating and Modifying New Objects

  • توابع سازنده شی Object Constructor Functions

  • نمونه های اولیه شی Object Prototypes

  • به ارث بردن خواص شی Inheriting Object Properties

  • کپی کردن ویژگی های شی Copying Object Properties

  • اشیاء به سبک CSS CSS Style Objects

  • حلقه زدن با اشیاء Looping with Objects

  • اشیاء دینامیک Dynamic Objects

  • انواع اولیه و مرجع Primitive and Reference Types

  • مقایسه اشیاء Comparing Objects

پروژه سرآشپز سریع Speedy Chef Project

  • معرفی پروژه Speedy Chef Speedy Chef Project Introduction

  • سفارشات لیست Listing Orders

  • Refractor سفارشات لیست Listing Orders Refractor

  • تابع کمک کننده عنصر Element Helper Function

  • انتخاب سفارش فعلی Selecting the Current Order

  • پیتزا فعلی را تنظیم کنید Set the Current Pizza

  • روش های تقسیم و پیوستن Split and Join Methods

  • اضافه کردن پیتزا به فر Adding Pizzas to the Oven

  • شروع و پایان بازی Starting and Ending the Game

ریاضی، تاریخ و تایمر Math, Date, and Timers

  • مقدمه ای بر ریاضیات جاوا اسکریپت Introduction to JavaScript Math

  • تولید پیتزا و سفارشات جدید با ریاضی Generating New Pizzas and Orders with Math

  • setInterval() setInterval()

  • setTimeout() setTimeout()

  • پاک کردن تایمرها Clearing Timers

  • مقدمه ای بر تاریخ جاوا اسکریپت Introduction to JavaScript Date

  • تنظیم زمان پخت با تاریخ Setting the Cooking Time with Date

طراحی با جاوا اسکریپت Drawing with JavaScript

  • مقدمه ای بر بوم و مختصات Introduction to the Canvas and Coordinates

  • تنظیم مواد تشکیل دهنده Setting Up the ingredients

  • طراحی مواد دایره ای Drawing Circular Ingredients

  • نقاشی چند تکه Drawing Multiple Pieces

  • پاک کردن بوم Clearing the Canvas

پایان کار Finishing Touches

  • هدر دادن پیتزاها Wasting Pizzas

  • بررسی مراحل Checking Steps

  • تکمیل سفارشات Completing Orders

  • حذف سفارشات از آرایه Removing Orders from the Array

  • به روز رسانی UI و آمار Updating the UI and Stats

بسته های بالابر محدوده Scope Hoisting Closures

  • مقدمه ای بر دامنه Introduction to Scope

  • محدوده تودرتو Nesting Scope

  • محدوده بلوک و عملکرد Block and Function Scope

  • بالا بردن Hoisting

  • منطقه مرده موقت Temporal Dead Zone

  • بسته شدن Closures

جاوا اسکریپت غیر همگام Async JavaScript

  • کمی پس زمینه A Little Bit of Background

  • تماس های تلفنی Callbacks

  • وعده ها Promises

  • سازنده وعده The Promise Constructor

  • رسیدگی به وعده های متعدد Handling Multiple Promises

  • Async/Await Async/Await

  • رسیدگی به انتظارات متعدد Handling Multiple Awaits

  • رسیدگی به خطا Error Handling

تمرین بیشتر More Practice

  • ترک پروژه خیلی زود Leaving So Soon Project

  • چرخ فلک تصویر: تنظیم تصاویر Image Carousel: Setting the Images

  • چرخ فلک تصویر: ایجاد فلش ها Image Carousel: Creating the Arrows

  • چرخ فلک تصویر: مرتب کردن مجدد تصاویر Image Carousel: Reordering the Images

نمایش نظرات

جاوا اسکریپت مدرن برای مبتدیان [ویدئو]
جزییات دوره
15 h 35 m
120
Packtpub Packtpub
(آخرین آپدیت)
از 5
ندارد
دارد
دارد
Chris Dixon
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Dixon Chris Dixon

توسعه دهنده وب و معلم آنلاین

سلام، نام من کریس است و من یک توسعه دهنده وب از بریتانیا هستم. من یک مربی با تجربه هستم که بوت کمپ های توسعه وب را هدایت می کنم و همچنین دوره های آنلاین را تدریس می کنم.

زمینه های اصلی مورد علاقه من Vue.js، وردپرس، Shopify، جاوا اسکریپت، تجارت الکترونیک و تجارت هستند. من نسبت به کاری که انجام می‌دهم و به آموزش دیگران علاقه دارم.

دلیل شما برای یادگیری ساخت وب‌سایت هر چه باشد، انتخاب شغلی بسیار خوبی داشته‌اید.

انگیزه شخصی من این بود که رئیس خودم شوم و آزادی و انعطاف بیشتری در زندگی ام داشته باشم. من همچنین از چالش فنی آن و روشی که دائماً در حال تکامل است لذت می برم. من اولین وب‌سایت خود را در سال 1999 ساختم و مشاهده کردم که وب به آنچه امروز است تبدیل شده است.

من سعی می‌کنم دوره‌هایم را لذت‌بخش کنم و سعی می‌کنم به یاد بیاورم که در زمان یادگیری چگونه بود. من همچنین معتقدم بهترین راه برای یادگیری انجام دادن است و سعی می کنم تا حد امکان مثال های عملی را در دوره های خود بگنجانم.

از علاقه شما متشکریم و مشتاقانه منتظرم که به من بپیوندید.

کریس